'use client';
import { createIcon } from '@chakra-ui/react';

const ChangeIcon = createIcon({
  displayName: 'ChangeIcon',
  viewBox: '0 0 16 16',
  path: (
    <g width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M3.64654 6.29316C3.64654 5.92498 3.94502 5.6265 4.31321 5.6265L14.0465 5.6265C14.4147 5.6265 14.7132 5.92497 14.7132 6.29316C14.7132 6.66135 14.4147 6.95983 14.0465 6.95983L4.31321 6.95983C3.94502 6.95983 3.64654 6.66135 3.64654 6.29316Z"
        fill="#152539"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M10.9353 3.1819C11.1956 2.92155 11.6177 2.92155 11.8781 3.1819L14.5179 5.82176C14.7783 6.08211 14.7783 6.50422 14.5179 6.76457C14.2576 7.02492 13.8355 7.02492 13.5751 6.76457L10.9353 4.1247C10.6749 3.86435 10.6749 3.44225 10.9353 3.1819Z"
        fill="#152539"
      />
      <path
        d="M1.79164 9.09062C1.71291 9.12316 1.63914 9.17142 1.57514 9.23542C1.51115 9.29941 1.46289 9.37318 1.43035 9.45191C1.39783 9.53044 1.37988 9.61653 1.37988 9.70682C1.37988 9.79721 1.39787 9.8834 1.43047 9.96201C1.46202 10.0383 1.50832 10.1098 1.56939 10.1724C1.57152 10.1746 1.57367 10.1768 1.57584 10.1789L4.21501 12.8181C4.47536 13.0784 4.89747 13.0784 5.15782 12.8181C5.41817 12.5577 5.41817 12.1356 5.15782 11.8753L3.65603 10.3735L11.7799 10.3735C12.1481 10.3735 12.4466 10.075 12.4466 9.70682C12.4466 9.33863 12.1481 9.04015 11.7799 9.04015H2.04655C2.0445 9.04015 2.04244 9.04016 2.0404 9.04018C1.95235 9.04098 1.86838 9.05884 1.79164 9.09062Z"
        fill="#152539"
      />
    </g>
  )
});
